<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户详情</title>
    <link href="../../resource/css/bootstrap.min.css?v=3.3.5" rel="stylesheet"
          th:href="@{/resource/css/bootstrap.min.css?v=3.3.5}"/>
    <link href="../../resource/css/font-awesome.min.css?v=4.4.0" rel="stylesheet"
          th:href="@{/resource/css/font-awesome.min.css?v=4.4.0}"/>
    <link href="../../resource/css/animate.min.css" rel="stylesheet" th:href="@{/resource/css/animate.min.css}"/>
    <link href="../../resource/hotui/css/style.min-1.0.8.css" th:href="@{/resource/hotui/css/style.min-1.0.8.css}"
          rel="stylesheet">
    <link href="../../resource/hotui/css/hotui.style.override.css"
          th:href="@{/resource/hotui/css/hotui.style.override.css}" rel="stylesheet"/>
    <link href="../../resource/css/style-diy.css?v=4.0.0" rel="stylesheet"
          th:href="@{/resource/css/style-diy.css?v=4.0.0}"/>


    <style>
        .user-close-config {
            height: 40px;
            line-height: 40px;
        }

        .user-close-config .control-label {
            margin-left: 20px;
            font-weight: normal !important;
        }

        .user-close-config label.off {
            background-color: red;
            color: #fff;
            margin-right: 10px;
        }

        .user-close-config label.on {
            background-color: #fff;
            color: #674646;
            border: 1px solid #ccc;
            margin-right: 10px;
        }

        .separator {
            margin: 31px 20px 10px 20px;
            border-bottom: 1px solid #ccc;
        }

        th {
            width: 150px;
        }
    </style>
</head>

<body>
<form id="saveForm">
    <div class="wrapper wrapper-content tooltip-demo">
        <div class="row">
            <div class="col-lg-12">
                <div class="ibox float-e-margins m-b-none">
                    <div class="ibox-title" style="vertical-align: bottom;height: 100px;"
                         th:replace="fragments/user_detail_tab::userDetailHeader">
                        <h5 style="font-size: 18px;">
                            <img onerror="this.src='../../resource/img/d_head.jpeg'"
                                 src="http://thirdwx.qlogo.cn/mmopen/vi_32/xZdTfn6M2VDNTeXVEXHlC2ibnyMrP6GEiaZ4qzibATtMD72YWwe9JCHYnUY06eKTE3z2IK23ZpqaAZFjthic6lHhrA/132"
                                 alt="" style="width:70px;height:70px;">
                            <span>刘渠成</span>
                            <small class="m-l-sm">大区经理</small>
                        </h5>
                    </div>
                    <div class="tabs-container">
                        <ul class="nav nav-tabs" th:replace="fragments/user_detail_tab::userDetailTab(${userId},0)">
                            <li class="active">
                                <a href="user_detail.html">基本信息</a>
                            </li>
                        </ul>
                        <div class="tab-content" th:object="${user}">
                            <input type="hidden" id="userId" th:value="*{userId}"/>
                            <div class="tab-pane active">
                                <div class="panel-body">
                                    <div class="ibox float-e-margins">
                                        <div class="ibox-content">
                                            <table class="table table-bordered">
                                                <tbody>
                                                <tr>
                                                    <th>用户名：</th>
                                                    <td th:text="*{mobile}">--</td>
                                                    <th>推荐人：</th>
                                                    <td class="form-inline">
                                                        <th:block th:if="${user.guider!=null}">
                                                            <span th:text="|${user.guider.nickName}|"></span>
                                                            (<span
                                                                th:text="${user.guider.mobile}"></span>)
                                                        </th:block>
                                                    </td>


                                                </tr>
                                                <tr>
                                                    <th>昵称：</th>
                                                    <td th:text="*{nickName}">STGJ2018000082</td>
                                                    <th>真实姓名：</th>
                                                    <td th:text="*{realName}">17767266366</td>
                                                </tr>
                                                <tr>
                                                    <th>余额：</th>
                                                    <td>
                                                        ￥<span th:text="*{balance}">100.00</span>
                                                    </td>
                                                    <th>待入账：</th>
                                                    <td th:text="*{balanceInFuture}">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <th>上级列表</th>
                                                    <td colspan="3">
                                                        <table class="table table-bordered table-hover table-center">
                                                            <thead>
                                                            <tr>
                                                                <th></th>
                                                                <th>账号</th>
                                                                <th>姓名</th>
                                                                <th>等级</th>
                                                                <th>昵称</th>
                                                            </tr>
                                                            </thead>
                                                            <tbody>

                                                            <tr th:each="parent,index:${parentList}">
                                                                <td>上<span th:text="${index.count}"></span>级</td>
                                                                <td th:text="${parent.mobile}"></td>
                                                                <td th:text="${parent.userLevel.desc}"></td>
                                                                <td th:text="${parent.realName}"></td>
                                                                <td th:text="${parent.nickName}"></td>
                                                            </tr>
                                                            </tbody>
                                                        </table>
                                                    </td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</form>

<div id="modify_auth_time_modal" class="modal-content-tag">
    <form>
        <input type="hidden" id="auth_time_userId"/>
        <div class="form-horizontal" style="width: 479px;">
            <div class="form-group form-inline">
                <label class="col-sm-3 control-label">*授权日期：</label>
                <div class="col-sm-9">
                    <div class='input-group date'>
                        <input type='text' id="modify_authBeginTime" name="modify_authBeginTime"
                               class="form-control input-sm input-s" placeholder="授权开始时间"/>
                        <span class="input-group-addon">
                                        <span class="glyphicon glyphicon-calendar"></span>
                                    </span>
                    </div>
                    -
                    <div class='input-group date'>
                        <input type='text' id="modify_authEndTime" name="modify_authEndTime"
                               class="form-control input-sm input-s" placeholder="授权结束时间"/>
                        <span class="input-group-addon">
                            <span class="glyphicon glyphicon-calendar"></span>
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>

<script src="../../resource/js/jquery.min.js?v=2.1.4" th:src="@{/resource/js/jquery.min.js?v=2.1.4}"></script>
<script src="../../resource/js/bootstrap.min.js?v=3.3.5" th:src="@{/resource/js/bootstrap.min.js?v=3.3.5}"></script>
<script src="../../resource/hotui/js/hot/bootstrap.hot.extra-utils.js"
        th:src="@{/resource/hotui/js/hot/bootstrap.hot.extra-utils.js}"></script>
<script src="../../resource/hotui/js/hot/bootstrap.hot.extra-init.js"
        th:src="@{/resource/hotui/js/hot/bootstrap.hot.extra-init.js}"
></script>

<script type="text/javascript" th:inline="javascript">
    const apiBase = /*[[@{/user}]]*/  "/user";
</script>

<script type="text/javascript">
    var userHandler = {}
</script>
</body>

</html>